HTML document, ASCII text
title: Chromium can do full-page screenshots topics: ["chromium", "tips"] image: /static/photos/chromium-screenshot.png image-alt: The option to take a screenshot in Chrome DevTools DATE: 2025-05-04 ---
I have seen few search results for this, so I thought it would be a good idea to share what I found out. By full-page screenshot I mean a screenshot that shows the page as if the viewport would fit the whole content.
I thought this would need extensions (of which all are nonfree, and I'm not trusting nonfree extensions for obvious reasons), but it looks like Chromium has had it all this time. It's not as beautiful as some other browsers, but it works.
Open the Developer Tools on the page you want to screenshot.
Make sure theElements pane is visible.
In that pane, select the
<html>opening tag, right-click and choose 'Capture nodeSave the resulting image where you want.
This also works for any other HTML element, of course.
1
---
2
title: Chromium can do full-page screenshots
3
topics: ["chromium", "tips"]
4
image: /static/photos/chromium-screenshot.png
5
image-alt: The option to take a screenshot in Chrome DevTools
6
DATE: 2025-05-04
7
---
8
I have seen few search results for this, so I thought it would be a good idea to share what I
10
found out. By full-page screenshot I mean a screenshot that shows the page as if the viewport
11
would fit the whole content.
12
I thought this would need extensions (of which all are nonfree, and I'm not trusting nonfree
14
extensions for obvious reasons), but it looks like Chromium has had it all this time. It's not
15
as beautiful as some other browsers, but it works.
16
1. Open the Developer Tools on the page you want to screenshot.
18
2. Make sure the _Elements_ pane is visible.
19
3. In that pane, select the `<html>` opening tag, right-click and choose 'Capture node
20
screenshot'.
21
4. Save the resulting image where you want.
22
This also works for any other HTML element, of course.
24